(function(){
	var lists;
	lists = new Vue({
		el: '#lists',
		data: {
			items: [
				{name: 'Tom'},
				{name: 'Jack'},
				{name: 'Oscar'},
				{name: 'Lewis'},
				{name: 'Derek'},
				{name: 'Stephanie'}
			]
		}
	});
	$(lists.$el).removeClass('hide');
})();

$(function() {
	$('#lists').on('click', function(e){
		var target = e.target;
		if ( 'li' === target.tagName.toLowerCase() ) {
			console.log(e.target.innerText);
		}
	});
});
